

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
  <meta charset="utf-8">
  <title>layuiAdmin 控制台主页一</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
  <link rel="stylesheet" href="../../layuiadmin/layui/css/layui.css" media="all">
  <link rel="stylesheet" href="../../layuiadmin/style/admin.css" media="all">
</head>
<body>
  <div class="layui-fluid">
    <div class="layui-row layui-col-space15">
      <div class="layui-col-md8">
        <div class="layui-row layui-col-space15">
          <div class="layui-col-md6">
            <div class="layui-card">
              <div class="layui-card-header">快捷方式</div>
              <div class="layui-card-body">
                
                <div class="layui-carousel layadmin-carousel layadmin-shortcut">
                  <div carousel-item id="shortcutKey">
                  </div>
                </div>
                
              </div>
            </div>
          </div>
          <div class="layui-col-md6">
            <div class="layui-card">
              <div class="layui-card-header">待办事项</div>
              <div class="layui-card-body">

                <div class="layui-carousel layadmin-carousel layadmin-backlog">
                  <div carousel-item id="todo">
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="layui-col-md12">
            <div class="layui-card">
              <div class="layui-card-header">数据概览</div>
              <div class="layui-card-body">

                <div class="layui-carousel layadmin-carousel layadmin-dataview" data-anim="fade" lay-filter="LAY-index-dataview">
                  <div carousel-item id="LAY-index-dataview">
<!--                    <div><i class="layui-icon layui-icon-loading1 layadmin-loading"></i></div>-->
<!--                    <div></div>-->
                    <div></div>
                  </div>
                </div>

              </div>
            </div>
            <div class="layui-card">
              <div class="layui-tab layui-tab-brief layadmin-latestData">
                <ul class="layui-tab-title">
                  <li class="layui-this">今日热搜</li>
<!--                  <li>今日热帖</li>-->
                </ul>
                <div class="layui-tab-content">
                  <div class="layui-tab-item layui-show">
                    <table id="LAY-index-topSearch"></table>
                  </div>
                  <div class="layui-tab-item">
<!--                    <table id="LAY-index-topCard"></table>-->
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      
      <div class="layui-col-md4">
        <div class="layui-card">
          <div class="layui-card-header"></div><!--版本信息-->
<!--          <div class="layui-card-body layui-text">-->
<!--            <table class="layui-table">-->
<!--              <colgroup>-->
<!--                <col width="100">-->
<!--                <col>-->
<!--              </colgroup>-->
<!--              <tbody>-->
<!--                <tr>-->
<!--                  <td>当前版本</td>-->
<!--                  <td>-->
<!--                    <script type="text/html" template>-->
<!--                      v{{ layui.admin.v }}-->
<!--                      <a href="http://fly.layui.com/docs/3/" target="_blank" style="padding-left: 15px;">更新日志</a>-->
<!--                    </script>-->
<!--                  </td>-->
<!--                </tr>-->
<!--                <tr>-->
<!--                  <td>基于框架</td>-->
<!--                  <td>-->
<!--                    <script type="text/html" template>-->
<!--                      layui-v{{ layui.v }}-->
<!--                    </script>-->
<!--                 </td>-->
<!--                </tr>-->
<!--                <tr>-->
<!--                  <td>主要特色</td>-->
<!--                  <td>零门槛 / 响应式 / 清爽 / 极简</td>-->
<!--                </tr>-->
<!--                <tr>-->
<!--                  <td>获取渠道</td>-->
<!--                  <td style="padding-bottom: 0;">-->
<!--                    <div class="layui-btn-container">-->
<!--                      <a href="http://www.layui.com/admin/" target="_blank" class="layui-btn layui-btn-danger">获取授权</a>-->
<!--                      <a href="http://fly.layui.com/download/layuiAdmin/" target="_blank" class="layui-btn">立即下载</a>-->
<!--                    </div>-->
<!--                  </td>-->
<!--                </tr>-->
<!--              </tbody>-->
<!--            </table>-->
<!--          </div>-->
<!--        </div>-->
        
        <div class="layui-card">
          <div class="layui-card-header"></div><!--效果报告-->
<!--          <div class="layui-card-body layadmin-takerates">-->
<!--            <div class="layui-progress" lay-showPercent="yes">-->
<!--              <h3>转化率（日同比 28% <span class="layui-edge layui-edge-top" lay-tips="增长" lay-offset="-15"></span>）</h3>-->
<!--              <div class="layui-progress-bar" lay-percent="65%"></div>-->
<!--            </div>-->
<!--            <div class="layui-progress" lay-showPercent="yes">-->
<!--              <h3>签到率（日同比 11% <span class="layui-edge layui-edge-bottom" lay-tips="下降" lay-offset="-15"></span>）</h3>-->
<!--              <div class="layui-progress-bar" lay-percent="32%"></div>-->
<!--            </div>-->
<!--          </div>-->
        </div>

        <div class="layui-card">
          <div class="layui-card-header"></div><!--实时监控-->
<!--          <div class="layui-card-body layadmin-takerates">-->
<!--            <div class="layui-progress" lay-showPercent="yes">-->
<!--              <h3>CPU使用率</h3>-->
<!--              <div class="layui-progress-bar" lay-percent="58%"></div>-->
<!--            </div>-->
<!--            <div class="layui-progress" lay-showPercent="yes">-->
<!--              <h3>内存占用率</h3>-->
<!--              <div class="layui-progress-bar layui-bg-red" lay-percent="90%"></div>-->
<!--            </div>-->
<!--          </div>-->
        </div>

        <div class="layui-card">
          <div class="layui-card-header"></div><!--产品动态-->
<!--          <div class="layui-card-body">-->
<!--            <div class="layui-carousel layadmin-carousel layadmin-news" data-autoplay="true" data-anim="fade" lay-filter="news">-->
<!--              <div carousel-item>-->
<!--                <div><a href="http://fly.layui.com/docs/2/" target="_blank" class="layui-bg-red">layuiAdmin 快速上手文档</a></div>-->
<!--                <div><a href="http://fly.layui.com/vipclub/list/layuiadmin/" target="_blank" class="layui-bg-green">layuiAdmin 会员讨论专区</a></div>-->
<!--                <div><a href="http://www.layui.com/admin/#get" target="_blank" class="layui-bg-blue">获得 layui 官方后台模板系统</a></div>-->
<!--              </div>-->
<!--            </div>-->
          </div>
        </div>

        <div class="layui-card">
          <div class="layui-card-header">
            走进宝合BOOHER
            <i class="layui-icon layui-icon-tips" lay-tips="宝合优选" lay-offset="5"></i>
          </div>
          <div class="layui-card-body layui-text layadmin-text">
            <p>宝合工业工具（上海）有限公司成立于2011年，研发和设计中心位于上海市静安区江场西路。</p>
            <p>2012年，宝合工具在中国设立了两大生产基地。其中，位于上海嘉定的生产基地，是中国国家扭力扳手的标准起草单位，</p>
            <p>也是中国螺丝批、内六角的国家标准起草单位，拥有代表世界先进技术的扭力工具生产技术和新专利产品，主要为宝合生产绝缘工具、</p>
            <p>扭力工具、螺丝批、内六角扳手、套筒等手工具产品。而位于安徽宣城的生产基地，则拥有强大的车间装备的定制能力，主要生产车间装备、工位器具、</p>
            <p>工具车、工具柜以及智能工具车和智能工具柜、智能仓库、智能超市、智能售卖柜、智能集装箱等全系列智能产品。</p>
            <p>—— 宝合优选（<a href="https://www.mro365.net/" target="_blank">mro365.net</a>）</p>
          </div>
        </div>
      </div>
      
    </div>
  </div>

  <script src="../../layuiadmin/layui/layui.js?t=1"></script>
  <script src="/layui/layuiadmin/layui/layui.js"></script>
  <script type="text/javascript" src="/js/jquery-3.7.1.js"></script>
  <script>
  layui.config({
    base: '../../layuiadmin/' //静态资源所在路径
  }).extend({
    index: '/lib/index' //主入口模块
  }).use(['index', 'console']);

  function shortcutKey() {
    $.ajax({
      type: "post",
      url: "/management/shortcutKey.action",
      dataType: "json",
      async: false,
      success: function (data) {
        var s = "<ul class='layui-row layui-col-space10'>";
        for (var i = 0;i < data.length;i++) {
          if (i % 8 == 0 && i != 0) {
            s += "</ul><ul class='layui-row layui-col-space10'>";
          }
          s += "<li class='layui-col-xs3'><a lay-href='/" + data[i].action + "'><i class='layui-icon " + data[i].icon +"'></i><cite>" + data[i].name + "</cite></a></li>";
        }
        s += "</ul>";
        $("#shortcutKey").append(s);
      },
      error: function (error) {
        // alert("error=" + error);
      }
    })
  }

  function todo() {
    $.ajax({
      type: "post",
      url: "/management/todo.action",
      dataType: "json",
      async: false,
      success: function (data) {
        var s = "<ul class='layui-row layui-col-space10'>"
        for (var i = 0;i < data.length;i++) {
          if (i % 4 == 0 && i != 0) {
            s += "</ul><ul class='layui-row layui-col-space10'>";
          }
          s += "<li class='layui-col-xs6'><a lay-href='/" + data[i].action + "' class='layadmin-backlog-body'><h3>" + data[i].name + "</h3><p><cite>" + data[i].num + "</cite></p></a></li>";
        }
        s += "</ul>";
        $("#todo").append(s);
      },
      error: function (error) {
        // alert("error=" + error);
      }
    })
  }

  $(function(){
    shortcutKey();
    todo();
  });
  </script>
</body>
</html>

